<!DOCTYPE html>
<html lang="en">

<head>
    
    <!-- Meta Tags -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Title -->
    <title> Letrol</title>

    <!-- Favicon -->
    <link href="images/favicon/favicon.png" rel="shortcut icon" type="image/png">
    <link href="images/favicon/apple-touch-icon.png" rel="apple-touch-icon">
    <link href="images/favicon/apple-touch-icon-72x72.png" rel="apple-touch-icon" sizes="72x72">
    <link href="images/favicon/apple-touch-icon-114x114.png" rel="apple-touch-icon" sizes="114x114">
    <link href="images/favicon/apple-touch-icon-144x144.png" rel="apple-touch-icon" sizes="144x144">

    <!-- All css file -->

    <!-- fonts css -->
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <link href="css/icofont.css" rel="stylesheet">
    <link href="css/flaticon.css" rel="stylesheet">

    <!-- Bootstrap Css v3.3.7 -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- Slick css -->
    <link href="css/slick.css" rel="stylesheet">
    <!-- Slick-theme css -->
    <link href="css/slick-theme.css" rel="stylesheet">
    <!-- Animate css -->
    <link href="css/animate.css" rel="stylesheet">
    <!-- Owl Theme Css -->
    <link href="css/owl.theme.css" rel="stylesheet">
    <!-- Owl Carousel Css -->
    <link href="css/owl.carousel.css" rel="stylesheet">
    <!-- Slicknav Css -->
    <link href="css/slicknav.css" rel="stylesheet">
    <!-- Hover css -->
    <link href="css/Hover.css" rel="stylesheet">
    <!-- Magnific Popup Css -->
    <link href="css/magnific-popup.css" rel="stylesheet">
    <!-- nice-select-plugin.css -->
    <link rel="stylesheet" href="css/nice-select-plugin.css">

    <!-- Style css-->
    <link href="css/style.css" rel="stylesheet">
    <!-- Responsive css -->
    <link rel="stylesheet" href="css/responsive.css">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body>

    <!-- Page-wrapper Start-->
    <div class="page-wrapper">

        <!-- preloader Start -->
        <div class="preloader">
            <div class="inner">
                <div></div>
                <div></div>
                <div></div>
            </div>
        </div>

        <!-- Header start -->
        <header>

            <!-- Header Top start -->
            <div class="header-top">
                <div class="container">
                    <div class="header-top-inner">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="ht-opening">
                                    <h5><strong>opening hours:</strong> 9.30pm 12.30am</h5>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="ht-social">
                                    <ul>
                                        <li><a href="#"><i class="icofont icofont-social-facebook"></i></a></li>
                                        <li><a href="#"><i class="icofont icofont-social-twitter"></i></a></li>
                                        <li><a href="#"><i class="icofont icofont-social-dribbble"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Header Top end -->

            <!-- Header Bottom Start -->
            <div class="header-bottom">
                <div class="container">
                    <div class="row clearfix">
                        <div class="logo"><a href="index.html" title="Html Template"><img src="images/logo.png" alt="logo"></a></div>
                        <div class="main-menu">
                            <nav id="menu">
                                <ul>
                                    <li class="active"><a href="javascript:void(0);">Home<i class="icofont icofont-simple-down"></i></a>
                                        <ul class="submenu">
                                            <li class="active"><a href="index.html">Home One</a></li>
                                            <li><a href="index-2.html">Home Two</a></li>
                                            <li><a href="index-3.html">Home Three</a></li>
                                        </ul>
                                    </li>
                                        <li><a href="javascript:void(0);">About us <i class="icofont icofont-simple-down"></i></a>
                                            <ul class="submenu third-level-submenu">
                                                <li><a href="about-us.html">About us One</a></li>
                                            </ul>
                                        </li>
                                    <li>
                                        <a href="javascript:void(0);">Service<i class="icofont icofont-simple-down"></i></a>
                                        <ul class="submenu third-level-submenu">
                                            <li><a href="service.html">Service One</a></li>
                                            <li><a href="service2.html">Service Two</a></li>
                                            <li><a href="service-details.html">Service Details</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="javascript:void(0);">Doctor<i class="icofont icofont-simple-down"></i></a>
                                        <ul class="submenu">
                                            <li><a href="team.html">Doctor One</a></li>
                                            <li><a href="team-details.html">Doctor Details</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="javascript:void(0);">Pages<i class="icofont icofont-simple-down"></i></a>
                                        <ul class="submenu">
                                            <li><a href="javascript:void(0);">Gallery</a>
                                                <ul class="submenu third-level-submenu">
                                                    <li><a href="gallery-masonry.html">Gallery Masonary</a></li>
                                                    <li><a href="gallery-Foure-column.html">Our Gallery</a></li>
                                                </ul>
                                            </li>
                                            <li><a href="appoinment.html">Appoinment</a></li>
                                            <li><a href="testimonials.html">Testimonial</a></li>
                                            <li><a href="faq.html">Faq</a></li>
                                            <li><a href="404.html">404</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="javascript:void(0);">Blog<i class="icofont icofont-simple-down"></i></a>
                                        <ul class="submenu">
                                            <li><a href="blog.html">blog</a></li>
                                            <li><a href="blog-withsidebar.html">blog with sidebar</a></li>
                                            <li><a href="blog-details.html">blog details</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="contact.html">Contact us</a></li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Header Bottom End -->

        </header>
        <!-- Header end -->

        <!-- banner area start -->
        <section class="banner-area parallax bg-img bg-img2" data-bg-image="images/bg/bg-2.jpg" data-speed="5">
            <div class="container">
                <div class="row">
                    <div class="col-md-12 col-sm-12">
                        <div class="banner-content">
                            <h2><i class="icofont icofont-caret-left"></i> Our Doctors<i class="icofont icofont-caret-right"></i></h2>
                            <h4>Meet our Letrol staff</h4>
                        </div>
                        <div class="crumbs">
                            <ul>
                                <li><a href="index.html">Home</a></li>
                                <li><a href="doctors.html">Our Doctors</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- banner area end -->

        <!-- team details area start -->
        <div class="team-details pt-80 pb-80">
            <div class="container">
                <div class="row">
                    <div class="col-md-5">
                        <div class="team-details-left">
                            <img src="images/team/tm-left-img.jpg" alt="image">
                            <div class="tmdl-contact-box">
                                <h2>DR. JANE ELIZABETH</h2>
                                <p>Head of Cardiology</p>
                                <div class="dctr-social-link">
                                    <a href="#"><i class="fa fa-facebook"></i></a>
                                    <a href="#"><i class="fa fa-twitter"></i></a>
                                    <a href="#"><i class="fa fa-linkedin"></i></a>
                                    <a href="#"><i class="fa fa-instagram"></i></a>
                                </div>
                                <div class="tmdl-contact">
                                    <div class="tmdl-single">
                                        <h4>Monday to Friday</h4>
                                        <p>8.00am - 4.00pm</p>
                                    </div>
                                    <div class="tmdl-single">
                                        <h4>Saturday</h4>
                                        <p>8.00am - 4.00pm</p>
                                    </div>
                                    <div class="tmdl-single">
                                        <h4>sunday</h4>
                                        <p>8.00am - 4.00pm</p>
                                    </div>
                                </div>
                                <a href="#">BOOK APPOINTMENT</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-7">
                        <div class="tmdr-content">
                            <h2>DR. JANE ELIZABETH</h2>
                            <span>Head of Cardiology</span>
                            <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, </p>
                            <h4>Degrees And Education</h4>
                            <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia,</p>
                            <h4>Speciality</h4>
                            <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum</p>
                            <ul>
                                <li><i class="fa fa-check-square-o"></i> Njected humour, or randomised</li>
                                <li><i class="fa fa-check-square-o"></i> Variations of passages</li>
                                <li><i class="fa fa-check-square-o"></i> Randomised words which don't look</li>
                                <li><i class="fa fa-check-square-o"></i> Classical Latin literature</li>
                                <li><i class="fa fa-check-square-o"></i> Professor at Hampden-Sydney College</li>
                            </ul>
                            <h4>Quality</h4>
                            <div class="progress_bar">
                                <span>Experience</span>
                                <div class="p_bar_area">
                                    <div class="p_bar" style="width: 80%;">
                                        <span>80%</span>
                                    </div>
                                </div>
                                <span>Communication</span>
                                <div class="p_bar_area">
                                    <div class="p_bar" style="width: 85%;">
                                        <span>85%</span>
                                    </div>
                                </div>
                                <span>Patient Care</span>
                                <div class="p_bar_area">
                                    <div class="p_bar" style="width: 70%;">
                                        <span>70%</span>
                                    </div>
                                </div>
                                <span>Skills</span>
                                <div class="p_bar_area">
                                    <div class="p_bar" style="width: 90%;">
                                        <span>90%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- team details area end -->
        <footer>
            <div class="footer-area">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-4 col-sm-6 mb-20-1199">
                            <div class="footer-inner">
                                <div class="flogo">
                                    <a href="index.html"><img src="images/logo-2.png" alt="logo"></a>
                                </div>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
                                <div class="footer-tags">
                                <h2>Tags</h2>
                                <a href="#">webdesign</a>
                                <a href="#">creative</a>
                                <a href="#">development</a>
                                <a href="#">html</a>
                                <a href="#">php</a>
                                <span class="dis-non-1199"><a href="#">webdesign</a></span>
                                <span class="dis-non-1199"><a href="#">creative</a></span>
                            </div>
                            </div>
                        </div>
                        <div class="col-lg-2 col-sm-6 mb-20-1199">
                            <div class="f-location">
                                <h2><span>our</span> services</h2>
                                <ul class="f-location-links">
                                    <li><a href="#">Choosing a doctor</a></li>
                                    <li><a href="#">Primary medical care</a></li>
                                    <li><a href="#">Discuss your doctor</a></li>
                                    <li><a href="#">Client User Account</a></li>
                                    <li><a href="#">Our Support Forum</a></li>
                                    <li><a href="#">Our Help Center</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-2 col-sm-6 mb-20-1199">
                            <div class="f-location">
                                <h2><span>Latest</span> News</h2>
                                <ul class="f-location-links">
                                    <li><a href="#">Choosing a doctor</a></li>
                                    <li><a href="#">Primary medical care</a></li>
                                    <li><a href="#">Discuss your doctor</a></li>
                                    <li><a href="#">Client User Account</a></li>
                                    <li><a href="#">Our Support Forum</a></li>
                                    <li><a href="#">Our Help Center</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 mb-20-1199">
                            <h2 class="mb-50"><span>Book</span> Appointment</h2>
                            <div class="appoinment-form appoinment-form-f">
                                <form action="#">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <input type="text" name="name" placeholder="Full Name">
                                        </div>
                                        <div class="col-md-6">
                                            <input type="text" name="date" placeholder="mm/dd/yyyy">
                                        </div>
                                        <div class="col-md-12">
                                            <input type="email" name="email" required placeholder="Enter your Email">
                                        </div>
                                    </div>
                                    <input type="submit" name="submit" value="Book an Appointment">
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer-bottom">
                <div class="container">
                    <p>Copyright &copy; 2020.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                </div>
            </div>
        </footer>

    </div>
    <!-- Page-wrapper End -->



    <!-- All JavaScript files
    ================================================== -->
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/isotope-masonary.js"></script>
    <script src="js/jquery.slicknav.js"></script>
    <script src="js/jquery.counterup.min.js"></script>
    <script src="js/waypoints.js"></script>
    <script src="js/modernizr.js"></script>
    <script src="js/jquery.magnific-popup.js"></script>
    <script src="js/nice-select-plugin.js"></script>

    <script src="js/parallax.min.js"></script>
    
    <script src="js/jquery-plugin-collection.js"></script>
    <script src="js/owl.js"></script>

    <!-- Custom js -->
    <script src="js/script.js"></script>

</body>
</html>
